<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>绑定银行卡</title>
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  <link href="../css/mui.css" rel="stylesheet" />
  <link href="../css/style.css?100" rel="stylesheet" />
  <script src="../js/flexible.js"></script>
  <script src="../js/flexible_css.js"></script>
  <script src="../js/mui.js"></script>
</head>

<body>
<header class="mui-bar mui-bar-nav">
  <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  <h1 class="mui-title">绑定银行卡</h1>
</header>
<div class="binding-card">
  <ul class="binding-card-banklists">
    <li>
      <div class="binding-card-box">
        <h6 class="binding-card-icon">
          <img src="../images/icon_banks.png" alt="">
        </h6>
        <span class="binding-card-msg">中国建设银行</span>
      </div>
      <div class="binding-card-num">
        **** **** **** 8256
      </div>
    </li>
  </ul>
  <!--添加银行卡-->
  <div class="add-bank-btn" id="custom-nav">
    <a href="binding-bank-card-info.html">添加银行卡</a>
  </div>
</div>
<script type="text/javascript">
  mui.init()
		      //主列表点击事件
	mui('#custom-nav').on('tap', 'a', function() {
	  var href = this.getAttribute('href');
	  mui.openWindow({
	    url: href,
	    id: href,
	    createNew: false, //是否重复创建同样id的webview，默认为false:不重复创建，直接显示
	    show: {
	      autoShow: true, //页面loaded事件发生后自动显示，默认为true
	      aniShow: 'slide-in-right', //页面显示动画，默认为”slide-in-right“；
	    },
	    waiting: {
	      autoShow: true, //自动显示等待框，默认为true
	      title: '正在加载...', //等待对话框上显示的提示内容
	    }
	  })
	});
</script>
</body>

</html>
